@import "../../theme.scss";
.zt-menu {
    height: 50px;
    line-height: 50px;
    display: flex;
    position: relative;
    .menu {
        flex: none;
        margin: 0 30rpx;
        font-size: $font-size-30;
        color: $color-151515;
        position: relative;
        &.active {
            color: $color-domhue;
        }
        &:last-child {
            padding-right: 30rpx;
        }
        .pos {
           position: absolute;
           top: 0;
           left: 0;
           opacity: 0;
           font-size: $font-size-30;
           white-space: nowrap;
           &.activePos {   
            transform:scale(1.2);
            opacity: 1;
           }
        }
    }
    .menuActive {
        position: absolute;
        height: 2rpx;
        left:-60rpx;
        bottom: 0rpx;
        width: 60rpx;
        background:$color-domhue;
        transition: left 0.3s,right 0.3s;
    }
}